<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss" >
body{
  /*每个页面公共css */
  font-family: PingFang SC, PingFang SC;
  font-size: 24rpx;
}
.content{
  /*每个页面公共css */
  font-family: PingFang SC, PingFang SC;
  font-size: 24rpx;
}
.apption{
  /*每个页面公共css */
  font-family: PingFang SC, PingFang SC;
  font-size: 24rpx;
}
.uni-page-head .uni-page-head__title{
  font-size: 30rpx!important;
}
.uni-tabbar .uni-tabbar__icon {
  width: 40rpx!important;
  height: 40rpx!important;
}
.uni-tabbar .uni-tabbar__label{
  font-size: 20rpx!important;
}
.rightIco{
  /* 利用CSS制作一个向右的箭头 */
  width:12rpx;
  height:12rpx;
  border-top: 3rpx solid #9E9E9E;
  border-right: 3rpx solid #9E9E9E;
  transform: rotate(45deg);
}
.imageTextBox{
	background: #F4F5F8;
  min-height: 400rpx;
	.classifyTitle{
		padding: 20rpx 0;
		text-align: center;
		height: 48rpx;
		line-height: 48rpx;
		font-weight: bold;
		font-size: 28rpx;
		color: #000000;
		background: #FFFFFF;
		.ico1{
			margin-right: 12rpx;
			width: 22rpx;
			height: 16rpx;
			display: inline-block;
			background-image: url('@/static/ico_black.png');
			background-size: 100% 100%;
		}
		.ico2{
			margin-left: 12rpx;
			width: 22rpx;
			height: 16rpx;
			display: inline-block;
			background-image: url('@/static/ico_black.png');
			background-size: 100% 100%;
		}
	}
	.listBox{
		padding: 20rpx 10rpx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.list{
		position: relative;
		display: inline-block;
		width: 360rpx;
		margin-bottom: 20rpx;
		box-sizing: border-box;
    font-size: 0;
		.listImage{
			width: 100%;
			height: 360rpx;
			background: #AAAAAA;
			border-radius: 26rpx 26rpx 0rpx 0rpx;
		}
		.statusBut{
			position: absolute;
			top: 10rpx;
			right: 10rpx;
			width: 100rpx;
			height: 34rpx;
			background: #EA4A54;
			border-radius: 22rpx 22rpx 22rpx 22rpx;
			font-weight: 500;
			font-size: 16rpx;
			color: #FFFFFF;
		}
		.contText{
			padding: 32rpx 16rpx;
			background: #FFFFFF;
			border-radius: 0rpx 0rpx 26rpx 26rpx;
		}
		.name{
			margin-bottom: 30rpx;
      font-size: 24rpx;
      color: #000000;
      line-height: 32rpx;
      height: 96rpx;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
		}
		.downBox{
			display: flex;
			justify-content: space-between;
			.tuijianBut{
				margin: 0;
				padding: 0;
				width: 136rpx;
				height: 46rpx;
        line-height: 46rpx;
				background: #74C4BC;
				border-radius: 10rpx 10rpx 10rpx 10rpx;
				font-weight: 400;
				font-size: 22rpx;
				color: #FFFFFF;
			}
			.shareBut{
				position: relative;
				display: flex;
				align-items: center;
				overflow: hidden;
        font-size: 24rpx;
				.icoShare{
					margin-right: 12rpx;
					width: 42rpx;
					height: 42rpx;
					display: inline-block;
					background: #74C4BC;
					background-image: url('@/static/ico_share.png');
					background-size: 32rpx 32rpx;
					background-repeat: no-repeat;
					background-position: center center;
					border-radius: 50%;
				}
				.wx-button{
					position: absolute;
					top: 0px;
					left: 0px;
					margin: 0;
					padding: 0;
					opacity: 0;
				}
			}
		}
		.tips_info{
			position: absolute;
			top: 0;
			left: 0px;
			height: 360rpx;
			width: 100%;
			.bg{
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 8;
			}
			.text{
				position: absolute;
				bottom: 0;
				left: 0;
				height: 62rpx;
				width: 100%;
				z-index: 9;
			}
			.price{
				width: 144rpx;
				text-align: center;
				font-weight: 800;
				font-size: 32rpx;
				line-height: 40rpx;
				color: #000000;
        .symbol{
          font-size: 20rpx;
        }
			}
			.oldPrice{
				width: 144rpx;
				text-align: center;
				font-weight: normal;
				font-size: 20rpx;
				line-height: 20rpx;
				color: #000000;
				text-decoration: line-through;
			}
			.openTime{
				position: absolute;
				left: 170rpx;
				bottom: 17rpx;
				font-weight: normal;
				font-size: 16rpx;
				color: #000000;
        line-height: 22rpx;
			}
      .residueNum{
      	position: absolute;
      	left: 170rpx;
      	bottom: 2rpx;
      	font-weight: normal;
      	font-size: 14rpx;
      	color: #734E48;
      }
		}
	}
	.list:nth-child(2n){
		// padding-right: 0px;
		// padding-left: 5rpx;
	}
}
.withinBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.noData{
	text-align: center;
  padding-top: 25vh;
  .noImage{
    width: 490rpx;
    height: 490rpx;
  }
  .textFont{
    margin-top: 30rpx;
    font-weight: bold;
    font-size: 24rpx;
    color: #AEAEAE;
  }
}
button::after{
  border: none;
}
</style>
